<template>
  <PageLayout>
    <n-card title="概览">
      <n-grid :cols="4" :x-gap="12" :y-gap="8">
        <n-grid-item>
          <n-card class="hover-scale">
            <n-statistic label="总访问量" :value="1234567">
              <template #prefix>
                <n-icon><CartIcon /></n-icon>
              </template>
            </n-statistic>
          </n-card>
        </n-grid-item>
        <!-- 可以添加更多统计卡片 -->
      </n-grid>
    </n-card>
  </PageLayout>
</template>

<script setup lang="ts">
  import { CartIcon } from '@/components/Icon'
</script>
